<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>欢迎</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Le styles -->


    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/loader-style.css">
    <link rel="stylesheet" href="assets/css/bootstrap.css">

    <link rel="stylesheet" type="text/css" href="assets/js/progress-bar/number-pb.css">
    <link rel="stylesheet" href="assets/css/profile.css">


    <style type="text/css">
        canvas#canvas4 {
            position: relative;
            top: 20px;
        }
    </style>


    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <!-- Fav and touch icons -->
    <link rel="shortcut icon" href="assets/ico/minus.png">
</head>

<body>
<!-- Preloader -->
<div id="preloader">
    <div id="status">&nbsp;</div>
</div>
<!-- TOP NAVBAR -->
<nav role="navigation" class="navbar navbar-static-top">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button data-target="#bs-example-navbar-collapse-1" data-toggle="collapse" class="navbar-toggle"
                    type="button">
                <span class="entypo-menu"></span>
            </button>
            <button class="navbar-toggle toggle-menu-mobile toggle-left" type="button">
                <span class="entypo-list-add"></span>
            </button>


            <div id="logo-mobile" class="visible-xs">
                <h1>员工管理<span>v1.2</span></h1>
            </div>

        </div>


        <!-- 收集导航链接、表单和其他内容切换 -->
        <div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse">
            <ul class="nav navbar-nav">

                <li class="dropdown">

                    <a data-toggle="dropdown" class="dropdown-toggle" href="#"><i style="font-size:20px;"
                                                                                  class="icon-conversation"></i>
                        <div class="noft-red">23</div>
                    </a>


                    <ul style="margin: 11px 0 0 9px;" role="menu" class="dropdown-menu dropdown-wrap">
                        <li>
                            <a href="#">
                                <img alt="" class="img-msg img-circle"
                                     src="http://api.randomuser.me/portraits/thumb/men/1.jpg">王助理 <b>刚才</b>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <img alt="" class="img-msg img-circle"
                                     src="http://api.randomuser.me/portraits/thumb/women/1.jpg">李秘书 <b>3 分钟前</b>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <img alt="" class="img-msg img-circle"
                                     src="http://api.randomuser.me/portraits/thumb/men/2.jpg">马经理 <b>2 小时前</b>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <img alt="" class="img-msg img-circle"
                                     src="http://api.randomuser.me/portraits/thumb/men/3.jpg"><i>张经理</i> <b>1 天前</b>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <img alt="" class="img-msg img-circle"
                                     src="http://api.randomuser.me/portraits/thumb/men/4.jpg"><i>助理</i> <b>2 月前</b>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <div><a href="mail.html">查看所有邮件</a></div>
                        </li>
                    </ul>
                </li>
                <li>

                    <a data-toggle="dropdown" class="dropdown-toggle" href="#"><i style="font-size:19px;"
                                                                                  class="icon-warning tooltitle"></i>
                        <div class="noft-green">5</div>
                    </a>
                    <ul style="margin: 12px 0 0 0;" role="menu" class="dropdown-menu dropdown-wrap">
                        <li>
                            <a href="#">
                                <span style="background:#DF2135" class="noft-icon maki-bus"></span><i>从哪</i>
                                <b>01B</b>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <span style="background:#AB6DB0" class="noft-icon maki-ferry"></span><i>到哪 </i>
                                <b>9:00 AM</b>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <span style="background:#FFA200" class="noft-icon maki-aboveground-rail"></span><i>延迟
                                到</i> <b>09 Min</b>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <span style="background:#86C440" class="noft-icon maki-airport"></span><i>出发</i>
                                <b>08:30 AM</b>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <span style="background:#0DB8DF" class="noft-icon maki-bicycle"></span><i>启程</i>
                                <b>08:30 AM</b>
                            </a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <div>看到所有</div>
                        </li>
                    </ul>
                </li>
                <li><a href="#"><i data-toggle="tooltip" data-placement="bottom" title="Help" style="font-size:20px;"
                                   class="icon-help tooltitle"></i></a>
                </li>

            </ul>
            <div id="nt-title-container" class="navbar-left running-text visible-lg">
                <ul class="date-top">
                    <li class="entypo-calendar" style="margin-right:5px"></li>
                    <li id="Date"></li>


                </ul>

                <ul id="digital-clock" class="digital">
                    <li class="entypo-clock" style="margin-right:5px"></li>
                    <li class="hour"></li>
                    <li>:</li>
                    <li class="min"></li>
                    <li>:</li>
                    <li class="sec"></li>
                    <li class="meridiem"></li>
                </ul>
                <ul id="nt-title">
                    <li><i class="wi-day-lightning"></i>&#160;&#160;松江&#160;
                        <b>85</b><i class="wi-fahrenheit"></i>&#160;; 15km/h
                    </li>
                    <li><i class="wi-day-lightning"></i>&#160;&#160;浦东&#160;
                        <b>85</b><i class="wi-fahrenheit"></i>&#160;; 夜晚 (10.2 °C)
                    </li>

                    <li><i class="wi-day-lightning"></i>&#160;&#160;外滩&#160;
                        <b>85</b><i class="wi-fahrenheit"></i>&#160;; 15km/h
                    </li>

                    <li><i class="wi-day-lightning"></i>&#160;&#160;宁波&#160;
                        <b>85</b><i class="wi-fahrenheit"></i>&#160;; 15km/h
                    </li>

                    <li><i class="wi-day-lightning"></i>&#160;&#160;浦东新区&#160;
                        <b>85</b><i class="wi-fahrenheit"></i>&#160;; 15km/h
                    </li>

                </ul>
            </div>

            <ul style="margin-right:0;" class="nav navbar-nav navbar-right">
                <li>
                    <!--<a data-toggle="dropdown" class="dropdown-toggle" href="#">-->
                    <a href="#">
                        <img alt="" class="admin-pic img-circle"
                             src="assets/img/1.jpg">你好！XXX
                        <!--<b class="caret"></b>-->
                    </a>

                    <!--</a>-->
                    <ul style="margin-top:14px;" role="menu" class="dropdown-setting dropdown-menu">
                        <li>
                            <a href="#">
                                <span class="entypo-user"></span>&#160;&#160;我的文件</a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="entypo-vcard"></span>&#160;&#160;账号设置</a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="entypo-lifebuoy"></span>&#160;&#160;帮助</a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="#">
                                <span class="entypo-doc-text-inv"></span>&#160;&#160; 记录</a>
                        </li>
                    </ul>
                </li>
                <li class="hidden-xs">
                    <a class="toggle-left" href="#">
                        <span style="font-size:20px;" class="entypo-list-add"></span>
                    </a>
                </li>
            </ul>

        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container-fluid -->
</nav>

<!-- /END OF TOP NAVBAR -->

<!-- SIDE MENU -->
<div id="skin-select">
    <div id="logo">
        <h1>员工管理<span>平台</span></h1>
    </div>

    <a id="toggle">
        <span class="entypo-menu"></span>
    </a>
    <div class="dark">
        <form action="#">
                <span>
                    <input type="text" name="search" value="" class="search rounded id_search"
                           placeholder="员工搜索">
                </span>
        </form>
    </div>

    <div class="search-hover">
        <form id="demo-2">
            <input type="search" placeholder="员工搜索" class="id_search">
        </form>
    </div>


    <div class="skin-part">
        <div id="tree-wrap">
            <div class="side-bar">
                <!--员工管理-->
                <ul class="topnav menu-left-nest">
                    <li>
                        <a href="#" style="border-left:0px solid!important;" class="title-menu-left">

                            <span class="widget-menu"></span>
                            <i data-toggle="tooltip" class="icon-user-group pull-right config-wrap"></i>

                        </a>
                    </li>

                    <li>
                        <a class="tooltip-tip ajax-load" href="#" title="技术部">
                            <i class="entypo-users"></i>
                            <span>技术部</span>

                        </a>
                        <ul class="menu-left-nest2">
                            <li class="tooltip-tip2 ajax-load">
                                <a href="chart.html"><i class="entypo-window"></i><span>部门详情</span></a>
                            </li>
                            <li class="tooltip-tip2 ajax-load dropdown">
                                <a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;"><i class="entypo-user"></i><span>张强</span>
                                </a>
                                <ul style="margin: -40px 0 0 220px;" role="menu" class="dropdown dropdown-menu">
                                    <li>
                                        <a href="javascript:;">
                                            <span> 查看打卡</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看资料</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看业绩</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看路径</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看位置</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>

                            <li class="tooltip-tip2 ajax-load dropdown">

                                <a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;"><i class="entypo-user"></i><span>王某</span>
                                </a>
                                <ul style="margin: -40px 0 0 220px;" role="menu" class="dropdown dropdown-menu">
                                    <li>
                                        <a href="javascript:;">
                                            <span> 查看打卡</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看资料</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看业绩</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看路径</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看位置</span>
                                        </a>
                                    </li>
                                </ul>

                            </li>

                            <li class="tooltip-tip2 ajax-load dropdown">

                                <a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;"><i class="entypo-user"></i><span>刘某</span>
                                </a>
                                <ul style="margin: -40px 0 0 220px;" role="menu" class="dropdown dropdown-menu">
                                    <li>
                                        <a href="javascript:;">
                                            <span> 查看打卡</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看资料</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看业绩</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="jjavascript:;">
                                            <span>查看路径</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看位置</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>

                        </ul>
                    </li>
                    <li>
                        <a class="tooltip-tip ajax-load" href="#" title="Sales">
                            <i class="entypo-users"></i>
                            <span>销售部</span>

                        </a>
                        <ul class="menu-left-nest2">
                            <li class="tooltip-tip2 ajax-load">
                                <a href="chart.html"><i class="entypo-window"></i><span>部门详情</span></a>
                            </li>
                            <li class="tooltip-tip2 ajax-load dropdown">

                                <a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;"><i class="entypo-user"></i><span>张强</span>
                                </a>
                                <ul style="margin: -40px 0 0 220px;" role="menu" class="dropdown dropdown-menu">
                                    <li>
                                        <a href="javascript:;">
                                            <span> 查看打卡</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看资料</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看业绩</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看路径</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看位置</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>

                            <li class="tooltip-tip2 ajax-load dropdown">

                                <a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;"><i class="entypo-user"></i><span>王某</span>
                                </a>
                                <ul style="margin: -40px 0 0 220px;" role="menu" class="dropdown dropdown-menu">
                                    <li>
                                        <a href="javascript:;">
                                            <span> 查看打卡</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看资料</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看业绩</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看路径</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看位置</span>
                                        </a>
                                    </li>
                                </ul>

                            </li>

                            <li class="tooltip-tip2 ajax-load dropdown">

                                <a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;"><i class="entypo-user"></i><span>刘某</span>
                                </a>
                                <ul style="margin: -40px 0 0 220px;" role="menu" class="dropdown dropdown-menu">
                                    <li>
                                        <a href="javascript:;">
                                            <span> 查看打卡</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看资料</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看业绩</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="jjavascript:;">
                                            <span>查看路径</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看位置</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>

                        </ul>
                    </li>
                    <li>
                        <a class="tooltip-tip ajax-load" href="#" title="Sales">
                            <i class="entypo-users"></i>
                            <span>人事部</span>

                        </a>
                        <ul class="menu-left-nest2">
                            <li class="tooltip-tip2 ajax-load">
                                <a href="chart.html"><i class="entypo-window"></i><span>部门详情</span></a>
                            </li>
                            <li class="tooltip-tip2 ajax-load dropdown">

                                <a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;"><i class="entypo-user"></i><span>张强</span>
                                </a>
                                <ul style="margin: -40px 0 0 220px;" role="menu" class="dropdown dropdown-menu">
                                    <li>
                                        <a href="javascript:;">
                                            <span> 查看打卡</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看资料</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看业绩</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看路径</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看位置</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>

                            <li class="tooltip-tip2 ajax-load dropdown">

                                <a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;"><i class="entypo-user"></i><span>王某</span>
                                </a>
                                <ul style="margin: -40px 0 0 220px;" role="menu" class="dropdown dropdown-menu">
                                    <li>
                                        <a href="javascript:;">
                                            <span> 查看打卡</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看资料</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看业绩</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看路径</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看位置</span>
                                        </a>
                                    </li>
                                </ul>

                            </li>

                            <li class="tooltip-tip2 ajax-load dropdown">

                                <a data-toggle="dropdown" class="dropdown-toggle" href="javascript:;"><i class="entypo-user"></i><span>刘某</span>
                                </a>
                                <ul style="margin: -40px 0 0 220px;" role="menu" class="dropdown dropdown-menu">
                                    <li>
                                        <a href="javascript:;">
                                            <span> 查看打卡</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看资料</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看业绩</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="jjavascript:;">
                                            <span>查看路径</span>
                                        </a>
                                    </li>
                                    <li class="divider"></li>
                                    <li>
                                        <a href="javascript:;">
                                            <span>查看位置</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>

                        </ul>
                    </li>

                </ul>
                <!--智能分析-->
                <ul class="topnav menu-left-nest">
                    <li>
                        <a href="#" style="border-left:0px solid!important;" class="title-menu-left">

                            <span class="design-kit"></span>
                            <i data-toggle="tooltip" class="icon-graph-pie pull-right config-wrap"></i>
                        </a>
                    </li>

                    <li>
                        <a class="tooltip-tip ajax-load" href="blank_page.html" title="人员位置">
                            <i class="entypo-location"></i>
                            <span>人员位置</span>

                        </a>
                    </li>
                    <li>
                        <a class="tooltip-tip ajax-load" href="blank_page.html" title="路径分析">
                            <i class="icon-graph-line"></i>
                            <span>路径分析</span>
                            <!--右侧蓝色提示-->
                            <!--<div class="noft-blue">289</div>-->
                        </a>
                    </li>

                    <li>
                        <a class="tooltip-tip ajax-load" href="blank_page.html" title="区域分析">
                            <i class="entypo-address"></i>
                            <span>区域分析</span>
                            <!--<div class="noft-blue" style="display: inline-block; float: none;">New</div>-->
                        </a>
                    </li>

                    <li>
                        <a class="tooltip-tip" href="chart.html" title="考勤分析">
                            <i class="entypo-calendar"></i>
                            <span>考勤分析</span>
                        </a>
                        <!--图表展示-->
                    </li>

                   <!-- <li>
                        <a class="tooltip-tip " href="login.html" title="login">
                            <i class="icon-download"></i>
                            <span>Login</span>
                        </a>
                    </li>-->

                </ul>
                <!--系统设置-->
                <ul id="menu-showhide" class="topnav menu-left-nest">
                    <li>
                        <a href="#" style="border-left:0px solid!important;" class="title-menu-left">

                            <span class="component"></span>
                            <i data-toggle="tooltip" class="icon-gear pull-right config-wrap"></i>

                        </a>
                    </li>


                    <li>
                        <a class="tooltip-tip" href="table-dynamic.html" title="后台管理">
                            <i class="icon-monitor"></i>
                            <span>后台管理</span>
                            <!--后台管理人员增删改-->
                        </a>

                    </li>
                    <li>
                        <a class="tooltip-tip" href="wizard.html" title="考勤设置">
                            <i class="icon-document"></i>
                            <span>考勤设置</span>
                        </a>
                    </li>
                    <li>
                        <a class="tooltip-tip" href="mail.html" title="发送通知">
                            <i class="icon-view-thumb"></i>
                            <span>发送通知</span>
                        </a>
                    </li>

                    <li>
                        <a class="tooltip-tip ajax-load" href="invoice.html" title="其他/打印凭据">
                            <i class="icon-location"></i>
                            <span>其他</span>
                        </a>
                    </li>
                </ul>


            </div>
        </div>
    </div>
</div>
<!-- END OF SIDE MENU -->


<!--  PAPER WRAP -->
<div class="wrap-fluid">
    <div class="container-fluid paper-wrap bevel tlbr" id="mainContent">


        <div class="content-wrap">
            <div class="row">
                <div class="col-lg-8">
                    <div id="siteClose" class="nest">
                        <div class="title-alt">
                            <h6>
                                <span class="fontawesome-truck"></span>&nbsp;目的地</h6>
                            <div class="titleClose">
                                <a class="gone" href="#siteClose">
                                    <span class="entypo-cancel"></span>
                                </a>
                            </div>
                            <div class="titleToggle">
                                <a class="nav-toggle-alt" href="#site">
                                    <span class="entypo-up-open"></span>
                                </a>
                            </div>
                        </div>
                        <div id="site" class="body-nest" style="min-height:296px;">
                            <div class="table-responsive">
                                <table class="table">
                                    <thead>
                                    <tr>
                                        <th></th>
                                        <th></th>
                                        <th></th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <tr>
                                        <td class="armada-devider">
                                            <div class="armada">
                                                        <span style="background:#65C3DF">
                                                            <span class="maki-bus"></span>&nbsp;&nbsp;返回 上海</span>
                                                <p>
                                                    <span class="entypo-gauge"></span>&nbsp;12 Km/<i>Hours</i>
                                                </p>
                                            </div>
                                        </td>
                                        <td class="driver-devider">
                                            <img class="armada-pic img-circle" alt=""
                                                 src="http://api.randomuser.me/portraits/thumb/men/14.jpg">
                                            <h3>Mark Zukenbeirg</h3>
                                            <br>
                                            <p>Driver</p>
                                        </td>
                                        <td class="progress-devider">


                                            <section id="basic">
                                                <article>

                                                    <div class="number-pb">
                                                        <div class="number-pb-shown"></div>
                                                        <div class="number-pb-num">0</div>
                                                    </div>
                                                </article>
                                            </section>
                                            <span class="label pull-left">Berlin</span>
                                            <span class="label pull-right">Muchen</span>

                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="armada-devider">
                                            <div class="armada">
                                                        <span style="background:#45B6B0">
                                                            <span class="fontawesome-plane"></span>&nbsp;&nbsp;Fly Airlines</span>
                                                <p>
                                                    <span class="entypo-gauge"></span>&nbsp;600 Km/<i>Hours</i>
                                                </p>
                                            </div>
                                        </td>
                                        <td class="driver-devider">
                                            <img class="armada-pic img-circle" alt=""
                                                 src="http://api.randomuser.me/portraits/thumb/men/38.jpg">
                                            <h3>Marko Freytag</h3>
                                            <br>
                                            <p>Pilot</p>
                                        </td>
                                        <td class="progress-devider">


                                            <section id="percentage">
                                                <article>
                                                    <div class="number-pb">
                                                        <div class="number-pb-shown dream"></div>
                                                        <div class="number-pb-num">0%</div>
                                                    </div>
                                                </article>
                                            </section>


                                            <span class="label pull-left">Berlin</span>
                                            <span class="label pull-right">London</span>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="armada-devider">
                                            <div class="armada">
                                                        <span style="background:#FF6B6B">
                                                            <span class="maki-aboveground-rail"></span>&nbsp;&nbsp;Fazttrain</span>
                                                <p>
                                                    <span class="entypo-gauge"></span>&nbsp;40 Km/<i>Hours</i>
                                                </p>
                                            </div>
                                        </td>
                                        <td class="driver-devider">
                                            <img class="armada-pic img-circle" alt=""
                                                 src="http://api.randomuser.me/portraits/thumb/men/39.jpg">
                                            <h3>Dieter Gruenewald</h3>
                                            <br>
                                            <p>machinist</p>
                                        </td>
                                        <td class="progress-devider">

                                            <section id="step">
                                                <article>

                                                    <div class="number-pb">
                                                        <div class="number-pb-shown sun"></div>
                                                        <div class="number-pb-num">0/0</div>
                                                    </div>
                                                </article>
                                            </section>

                                            <span class="label pull-left">Berlin</span>
                                            <span class="label pull-right">Dortmund</span>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div id="RealTimeClose" class="nest">
                        <div class="title-alt">
                            <h6>
                                <span class="fontawesome-resize-horizontal"></span>&nbsp;Direction</h6>
                            <div class="titleClose">
                                <a class="gone" href="#RealTimeClose">
                                    <span class="entypo-cancel"></span>
                                </a>
                            </div>
                            <div class="titleToggle">
                                <a class="nav-toggle-alt" href="#RealTime">
                                    <span class="entypo-up-open"></span>
                                </a>
                            </div>
                        </div>
                        <div id="RealTime" style="min-height:296px;padding-top:20px;" class="body-nest">
                            <ul class="direction">
                                <li>
                                    <span class="direction-icon maki-fuel" style="background:#FF6B6B"></span>
                                    <h3>
                                        <span>Gas Station</span>
                                    </h3>
                                    <p>5 Km Foward&nbsp;&nbsp;<i class="fa fa-arrow-circle-up"></i>
                                    </p>
                                    <p><i>Estimated time </i>:&nbsp;<i class="fa fa-clock-o"></i>&nbsp;&nbsp;20 Min</p>
                                </li>
                                <li class="divider"></li>
                                <li>
                                    <span class="direction-icon maki-fast-food" style="background:#65C3DF"></span>
                                    <h3>
                                        <span>Restourant</span>
                                    </h3>
                                    <p>1 Km Turn Left&nbsp;&nbsp;<i class="fa fa-reply"></i>
                                    </p>
                                    <p><i>Estimated time </i>:&nbsp;<i class="fa fa-clock-o"></i>&nbsp;&nbsp;20 Min</p>
                                </li>
                                <li class="divider"></li>
                                <li>
                                    <span class="direction-icon maki-giraffe" style="background:#45B6B0"></span>
                                    <h3>
                                        <span>Zoo</span>
                                    </h3>
                                    <p>3 Km Turn Right &nbsp;&nbsp;<i class="fa fa-share"></i>
                                    </p>
                                    <p><i>Estimated time </i>:&nbsp;<i class="fa fa-clock-o"></i>&nbsp;&nbsp;20 Min</p>
                                </li>
                                <li class="divider"></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>


        <!-- CONTENT -->
        <!--TITLE -->
        <div class="row" >
            <div id="paper-top">
                <div class="col-lg-3">
                    <h2 class="tittle-content-header">
                        <i class="icon-window"></i>
                            <span>地图部分
                            </span>
                    </h2>

                </div>

                <div class="col-lg-7">
                    <div class="devider-vertical visible-lg"></div>
                    <div class="tittle-middle-header">

                        <div class="alert">
                            <button type="button" class="close" data-dismiss="alert">×</button>
                            <span class="tittle-alert entypo-info-circled"></span>
                            Welcome back,&nbsp;
                            <a href="" target="_blank">
                                欢迎 <?php
                            session_start();
                            if (isset($_SESSION['uname'])) {
                                echo $_SESSION['uname'];
                            } else {
                                header('location:login.html');
                            }

                                <strong>XXX!</strong>&nbsp;&nbsp;你上次登录是在昨天, 16:54 PM
                       </a> </div>


                    </div>

                </div>
                <div class="col-lg-2">
                    <div class="devider-vertical visible-lg"></div>
                    <div class="btn-group btn-wigdet pull-right visible-lg">
                        <div class="btn">
                            小部件
                        </div>
                        <button data-toggle="dropdown" class="btn dropdown-toggle" type="button">
                            <span class="caret"></span>
                            <span class="sr-only">切换</span>
                        </button>
                        <ul role="menu" class="dropdown-menu">
                            <li>
                                <a href="#">
                                    <span class="entypo-plus-circled margin-iconic"></span>新 增</a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="entypo-heart margin-iconic"></span>喜 爱</a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="entypo-cog margin-iconic"></span>设 置</a>
                            </li>
                        </ul>
                    </div>


                </div>
            </div>
        </div>
        <!--/ TITLE -->

        <!-- BREADCRUMB -->
        <ul id="breadcrumb">
            <li>
                <span class="entypo-home"></span>
            </li>
            <li><i class="fa fa-lg fa-angle-right"></i>
            </li>
            <li><a href="#" title="Sample page 1">公司</a>
            </li>
            <li><i class="fa fa-lg fa-angle-right"></i>
            </li>
            <li><a href="#" title="Sample page 1">地图</a>
            </li>
            <li class="pull-right">
                <div class="input-group input-widget">

                    <input style="border-radius:15px" type="text" placeholder="Search..." class="form-control">
                </div>
            </li>
        </ul>

        <!-- END OF BREADCRUMB -->

        <!--地图部分-->
        <div id="paper-middle">
            <div id="mapContainer"></div>
        </div>

        <!--数据显示 -->
        <div class="content-wrap">
            <div class="row">
                <div class="col-lg-3">
                    <div class="profit" id="profitClose">
                        <div class="headline ">
                            <h3>
                                    <span>
                                        <i class="maki-ferry"></i>&#160;&#160;Ferry Arrival</span>
                            </h3>
                            <div class="titleClose">
                                <a href="#profitClose" class="gone">
                                    <span class="entypo-cancel"></span>
                                </a>
                            </div>
                        </div>

                        <div class="value">
                                <span class="pull-left"><i class="entypo-clock clock-position"></i>
                                </span>
                            <div id="getting-started">
                                <span>%M</span>

                                <span>%S</span>
                            </div>


                        </div>

                        <div class="progress-tinny">
                            <div style="width: 50%" class="bar"></div>
                        </div>
                        <div class="profit-line">
                            <i class="fa fa-caret-up fa-lg"></i>&#160;&#160; 50% &#160;From Last Hour
                        </div>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="revenue" id="revenueClose">
                        <div class="headline ">

                            <h3>
                                    <span>
                                        <i class="maki-aboveground-rail"></i>&#160;&#160;Train Speed</span>
                            </h3>

                            <div class="titleClose">
                                <a href="#revenueClose" class="gone">
                                    <span class="entypo-cancel"></span>
                                </a>
                            </div>
                        </div>
                        <div class="value">
                                <span class="pull-left"><i class="entypo-gauge gauge-position"></i>
                                </span>
                            <canvas id="canvas4" width="70" height="70"></canvas>
                            <i class="pull-right">/Km</i>

                        </div>


                        <div class="progress-tinny">
                            <div style="width: 25%" class="bar"></div>
                        </div>
                        <div class="profit-line">
                            <i class="fa fa-caret-down fa-lg"></i>&#160;&#160;Rate : 20 km/Hour
                        </div>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class="order" id="orderClose">
                        <div class="headline ">
                            <h3>
                                    <span>
                                        <i class="maki-airport"></i>&#160;&#160;AIR PORT TRAFFIC</span>
                            </h3>
                            <div class="titleClose">
                                <a href="#orderClose" class="gone">
                                    <span class="entypo-cancel"></span>
                                </a>
                            </div>
                        </div>
                        <div class="value">
                                <span><i class="fa fa-plane fa-2x"></i>
                                </span><b id="speed"></b><b>Take Off</b>

                        </div>

                        <div class="progress-tinny">
                            <div style="width: 10%" class="bar"></div>
                        </div>
                        <div class="profit-line">
                            <i class="fa fa-caret-down fa-lg"></i>&#160;&#160;Rate : 20 Plane/Hour
                        </div>
                    </div>
                </div>
                <div class="col-lg-3">
                    <div class=" member" id="memberClose">
                        <div class="headline ">
                            <h3>
                                    <span>
                                        <i class="fa fa-truck"></i>
                                        &#160;&#160;CARGO
                                    </span>
                            </h3>
                            <div class="titleClose">
                                <a href="#memberClose" class="gone">
                                    <span class="entypo-cancel"></span>
                                </a>
                            </div>
                        </div>
                        <div class="value">
                                <span><i class="maki-warehouse"></i>
                                </span>45<b>Sent</b>

                        </div>
                        <div class="progress-tinny">
                            <div style="width: 50%" class="bar"></div>
                        </div>
                        <div class="profit-line">
                            <span class="entypo-down-circled"></span>&#160;50% From Last Month
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--  / 数据显示 -->


        <div class="content-wrap">
            <div class="row">
                <div class="col-lg-6">
                    <div class="chart-wrap">
                        <div class="chart-dash">
                            <!-- <div id="sparkline"></div> -->
                            <div id="placeholder" style="width:100%;height:200px;"></div>
                        </div>
                        <div class="row">
                            <div class="col-lg-8">
                                <div class="speed">
                                    <h2>Speed Avarage</h2>
                                    <h1>74
                                        <span>Km / hours</span>
                                    </h1>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="traffic">
                                    <h2>Traffic per day</h2>
                                    <h1>2.5874</h1>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-4">
                                <div class="traffic-rates">
                                    <h4>Traffic Rates</h4>
                                    <h1>76 %
                                        <span>-1,2 %</span>
                                    </h1>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="traffic-rates">
                                    <h4>Traffic Rates</h4>
                                    <h1>25 %
                                        <span>-1,8 %</span>
                                    </h1>
                                </div>
                            </div>
                            <div class="col-lg-4">
                                <div class="traffic-rates">
                                    <h4>Traffic Rates</h4>
                                    <h1>83 %
                                        <span>-1,9 %</span>
                                    </h1>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="weather-wrap">
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="temperature"><b>Monday</b>, 07:30 AM
                                    <span>F</span>
                                        <span><b>C</b>
                                        </span>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-4">
                                <div class="weather-icon">
                                    <i class="wi-day-lightning"></i>
                                </div>
                            </div>
                            <div class="col-lg-8">
                                <div class="weather-text">
                                    <h2>Berlin
                                        <br><i>Day Lightning</i>
                                    </h2>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="weather-text">
                                    <h3><i class="wi-thermometer"></i>18<i class="wi-celcius"></i>
                                    </h3>
                                </div>
                            </div>
                        </div>
                        <div class="weather-dash">
                            <div class="row">
                                <div class="col-lg-2">
                                    <div class="daily-weather">
                                        <h2>Mon</h2>
                                        <h3>85
                                                <span><i class="wi-fahrenheit"></i>
                                                </span>
                                        </h3>
                                        <h4>
                                                <span><i class="wi-day-lightning"></i>
                                                </span>
                                        </h4>
                                        <h5>15
                                            <i>km/h</i>
                                        </h5>
                                    </div>
                                </div>
                                <div class="col-lg-2">
                                    <div class="daily-weather">
                                        <h2>Tue</h2>
                                        <h3>81
                                                <span><i class="wi-fahrenheit"></i>
                                                </span>
                                        </h3>
                                        <h4><i class="wi-day-cloudy"></i>
                                        </h4>
                                        <h5>12
                                            <i>km/h</i>
                                        </h5>
                                    </div>
                                </div>
                                <div class="col-lg-2">
                                    <div class="daily-weather">
                                        <h2>Wed</h2>
                                        <h3>83
                                                <span><i class="wi-fahrenheit"></i>
                                                </span>
                                        </h3>
                                        <h4><i class="wi-rain-mix"></i>
                                        </h4>
                                        <h5>14
                                            <i>km/h</i>
                                        </h5>
                                    </div>
                                </div>
                                <div class="col-lg-2">
                                    <div class="daily-weather">
                                        <h2>Thu</h2>
                                        <h3>80
                                                <span><i class="wi-fahrenheit"></i>
                                                </span>
                                        </h3>
                                        <h4><i class="wi-day-sunny"></i>
                                        </h4>
                                        <h5>15
                                            <i>km/h</i>
                                        </h5>
                                    </div>
                                </div>
                                <div class="col-lg-2">
                                    <div class="daily-weather">
                                        <h2>Fri</h2>
                                        <h3>79
                                                <span><i class="wi-fahrenheit"></i>
                                                </span>
                                        </h3>
                                        <h4><i class="wi-day-storm-showers"></i>
                                        </h4>
                                        <h5>11
                                            <i>km/h</i>
                                        </h5>
                                    </div>
                                </div>
                                <div class="col-lg-2">
                                    <div class="daily-weather">
                                        <h2>Sat</h2>
                                        <h3>82
                                                <span><i class="wi-fahrenheit"></i>
                                                </span>
                                        </h3>
                                        <h4><i class="wi-cloudy"></i>
                                        </h4>
                                        <h5>10
                                            <i>km/h</i>
                                        </h5>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /END OF CONTENT -->


            <!-- FOOTER -->
            <div class="footer-space"></div>
            <div id="footer">
                <div class="devider-footer-left"></div>
                <div class="time">
                    <p id="spanDate">
                    <p id="clock">
                </div>
                <div class="copyright">Make with Love
                    <span class="entypo-heart"></span>2014 <a
                            href="http://themeforest.net/item/apricot-navigation-admin-dashboard-template/7664475?WT.ac=category_item&WT.z_author=themesmile">(Themesmile)
                        Purchase This Item</a> All Rights Reserved
                </div>
                <div class="devider-footer"></div>


            </div>
            <!-- / END OF FOOTER -->


        </div>
    </div>
</div>
<!--  END OF PAPER WRAP -->

<!-- RIGHT SLIDER CONTENT 右侧内容-->
<div class="sb-slidebar sb-right">
    <div class="right-wrapper">
        <div class="row">
            <h3>
                <span><i class="entypo-gauge"></i>&nbsp;&nbsp;MAIN WIDGET</span>
            </h3>
            <div class="col-lg-12">

                <div class="widget-knob">
                        <span class="chart" style="position:relative" data-percent="86">
                            <span class="percent"></span>
                        </span>
                </div>
                <div class="widget-def">
                    <b>Distance traveled</b>
                    <br>
                    <i>86% to the check point</i>
                </div>

                <div class="widget-knob">
                        <span class="speed-car" style="position:relative" data-percent="60">
                            <span class="percent2"></span>
                        </span>
                </div>
                <div class="widget-def">
                    <b>The average speed</b>
                    <br>
                    <i>30KM/h avarage speed</i>
                </div>


                <div class="widget-knob">
                        <span class="overall" style="position:relative" data-percent="25">
                            <span class="percent3"></span>
                        </span>
                </div>
                <div class="widget-def">
                    <b>Overall result</b>
                    <br>
                    <i>30KM/h avarage Result</i>
                </div>
            </div>
        </div>
    </div>

    <div style="margin-top:0;" class="right-wrapper">
        <div class="row">
            <h3>
                <span><i class="entypo-chat"></i>&nbsp;&nbsp;CHAT</span>
            </h3>
            <div class="col-lg-12">
                <span class="label label-warning label-chat">Online</span>
                <ul class="chat">
                    <li>
                        <a href="#">
                                <span>
                                    <img alt="" class="img-chat img-circle"
                                         src="http://api.randomuser.me/portraits/thumb/men/20.jpg">
                                </span><b>Dave Junior</b>
                            <br><i>Last seen : 08:00 PM</i>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                                <span>
                                    <img alt="" class="img-chat img-circle"
                                         src="http://api.randomuser.me/portraits/thumb/men/21.jpg">
                                </span><b>Kenneth Lucas</b>
                            <br><i>Last seen : 07:21 PM</i>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                                <span>
                                    <img alt="" class="img-chat img-circle"
                                         src="http://api.randomuser.me/portraits/thumb/men/22.jpg">
                                </span><b>Heidi Perez</b>
                            <br><i>Last seen : 05:43 PM</i>
                        </a>
                    </li>


                </ul>

                <span class="label label-chat">Offline</span>
                <ul class="chat">
                    <li>
                        <a href="#">
                                <span>
                                    <img alt="" class="img-chat img-offline img-circle"
                                         src="http://api.randomuser.me/portraits/thumb/men/23.jpg">
                                </span><b>Dave Junior</b>
                            <br><i>Last seen : 08:00 PM</i>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                                <span>
                                    <img alt="" class="img-chat img-offline img-circle"
                                         src="http://api.randomuser.me/portraits/thumb/women/24.jpg">
                                </span><b>Kenneth Lucas</b>
                            <br><i>Last seen : 07:21 PM</i>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                                <span>
                                    <img alt="" class="img-chat img-offline img-circle"
                                         src="http://api.randomuser.me/portraits/thumb/men/25.jpg">
                                </span><b>Heidi Perez</b>
                            <br><i>Last seen : 05:43 PM</i>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                                <span>
                                    <img alt="" class="img-chat img-offline img-circle"
                                         src="http://api.randomuser.me/portraits/thumb/women/25.jpg">
                                </span><b>Kenneth Lucas</b>
                            <br><i>Last seen : 07:21 PM</i>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                                <span>
                                    <img alt="" class="img-chat img-offline img-circle"
                                         src="http://api.randomuser.me/portraits/thumb/men/26.jpg">
                                </span><b>Heidi Perez</b>
                            <br><i>Last seen : 05:43 PM</i>
                        </a>
                    </li>

                </ul>
            </div>
        </div>
    </div>
</div>



</body>


<!-- 对滑块的内容-->
<script type="text/javascript" src="assets/js/jquery.js"></script>
<script src="assets/js/progress-bar/src/jquery.velocity.min.js"></script>
<script src="assets/js/progress-bar/number-pb.js"></script>
<script src="assets/js/progress-bar/progress-app.js"></script>


<!-- 主效应 -->
<script type="text/javascript" src="assets/js/preloader.js"></script>
<script type="text/javascript" src="assets/js/bootstrap.js"></script>
<script type="text/javascript" src="assets/js/app.js"></script>
<script type="text/javascript" src="assets/js/load.js"></script>
<script type="text/javascript" src="assets/js/main.js"></script>


<!-- 证明 -->


<script type="text/javascript" src="assets/js/chart/jquery.flot.js"></script>
<script type="text/javascript" src="assets/js/chart/jquery.flot.resize.js"></script>
<script type="text/javascript" src="assets/js/chart/realTime.js"></script>
<script type="text/javascript" src="assets/js/speed/canvasgauge-coustom.js"></script>
<script type="text/javascript" src="assets/js/countdown/jquery.countdown.js"></script>


<script src="assets/js/jhere-custom.js"></script>

<script>
    var gauge4 = new Gauge("canvas4", {
        'mode': 'needle',
        'range': {
            'min': 0,
            'max': 90
        }
    });
    gauge4.draw(Math.floor(Math.random() * 90));
    var run = setInterval(function () {
        gauge4.draw(Math.floor(Math.random() * 90));
    }, 3500);
</script>

<script type="text/javascript">
    /* Javascript
     *
     * See http://jhere.net/docs.html for full documentation
     */
    $(window).on('load', function () {
        $('#mapContainer').jHERE({
            center: [31.4, 121.29],
            type: 'smart',
            zoom: 10
        }).jHERE('marker', [32.5, 100.33], {
                    icon: 'assets/img/marker.png',
                    anchor: {
                        x: 12,
                        y: 32
                    },
                    click: function () {
                        alert('Hallo from 上海!');
                    }
                })
                .jHERE('route', [31.4, 121.29], [30.4, 120.29], {
                    color: '#FFA200',
                    marker: {
                        fill: '#86c440',
                        text: '#'
                    }
                });
    });
</script>
<script type="text/javascript">
    var output, started, duration, desired;

    // Constants
    duration = 5000;
    desired = '50';

    // Initial setup
    output = $('#speed');
    started = new Date().getTime();

    // Animate!
    animationTimer = setInterval(function () {
        // If the value is what we want, stop animating
        // or if the duration has been exceeded, stop animating
        if (output.text().trim() === desired || new Date().getTime() - started > duration) {
            console.log('animating');
            // Generate a random string to use for the next animation step
            output.text('' + Math.floor(Math.random() * 60)
            );

        } else {
            console.log('animating');
            // Generate a random string to use for the next animation step
            output.text('' + Math.floor(Math.random() * 120)
            );
        }
    }, 5000);
</script>
<script type="text/javascript">
    $('#getting-started').countdown('2015/01/01', function (event) {
        $(this).html(event.strftime(
                '<span>%M</span>' + '<span class="start-min">:</span>' + '<span class="start-min">%S</span>'));
    });
</script>

<script>





$(".dropdown-menu li").click(function(){
    $("#mainContent").text('')
    $.ajax({
        url:"profile.html",
        type:"GET",
        success:function(result){
            console.log(result);
            $("#mainContent").html(result)
        },
        error:function(err){
            console.log(err);
        }
    });

})
//    })
   /* $.ajax({
        url:'/comm/test1.php',
        type:'POST', //GET
        async:true,    //或false,是否异步
        data:{
            name:'yang',age:25
        },
        timeout:5000,    //超时时间
        dataType:'json',    //返回的数据格式：json/xml/html/script/jsonp/text
        beforeSend:function(xhr){
            console.log(xhr);
            console.log('发送前')
        },
        success:function(data,textStatus,jqXHR){
            console.log(data)
            console.log(textStatus)
            console.log(jqXHR)
        },
        error:function(xhr,textStatus){
            console.log('错误')
            console.log(xhr)
            console.log(textStatus)
        },
        complete:function(){
            console.log('结束')
        }
    })*/

    /*$('.ajax-load').click(function(){
        $.ajax({
            url:"http://192.168.0.51:9096/skyinfor1/api/?s=/home/index/getPesonalList",
            type:"post",
            data:{"rank","0"},//
            datatype:'json',
            success:function(data){
                console.log(data)
                if (data.code==2){
                    console.log(data.msg)
                }

            }
        })
    })*/
</script>

</html>
